<template>
  <view class="wxjj-detail">
    <view class="normal-cell main-pd">
      <view class="msg-cell">
        <u-cell-group :border="false">
          <u-cell title="维修时间" :value="syjlMsg.wxTime"></u-cell>
          <u-cell title="维修材料" :value="syjlMsg.wxCl"></u-cell>
          <u-cell title="维修位置" :value="syjlMsg.position"></u-cell>
          <u-cell title="维修内容描述" :label="syjlMsg.content"></u-cell>
          <u-cell title="材料及人工费" :value="syjlMsg.cost + '万元'"></u-cell>
          <u-cell title="剩余金额" :value="syjlMsg.balance + '万元'"></u-cell>
          <u-cell title="所属小区" :value="syjlMsg.xqName"></u-cell>
          <u-cell
            title="物业名称"
            :center="true"
            :titleStyle="{ width: '150rpx' }"
            :border="false"
            :value="syjlMsg.wyName"></u-cell>
        </u-cell-group>
      </view>
    </view>
  </view>
</template>

<script setup>
import { getsyjlInfoApi } from "@/api/index";
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";
let syjlMsg = ref("");
const getsyjlInfoHandle = (id) => {
  getsyjlInfoApi({ id }).then((res) => {
    if (res.success) {
      syjlMsg.value = res.data;
    }
  });
};
onLoad((param) => {
  getsyjlInfoHandle(param.id);
});
</script>

<style lang="scss" scoped>
.wxjj-detail {
  padding-top: 28rpx;

  .msg-cell {
    background-color: #fff;
    border-radius: 12rpx;
    padding: 0 30rpx;
  }
}
</style>
